<!DOCTYPE html>
<html lang="en">

<head>
    @@include('meta.html')
    <title>交易大厅</title>
    <style>
        html,body {margin:0;padding:0;height:100%; min-width: 1400px; overflow-x: auto;}
        #centervm{ height: 100%; }
    </style>
</head>

<body class="hidden">
    <div id="centervm">
	    @@include('header.html')
	    <div class="j-main-content">
	        <div class="j-location clearfix">
	            <div class="left clearfix">
	                <span class="left last-location j-pop-show">ETH/BTC<img src="images/icon/tableIco2.png" class="marL10"></span>
	                <span class="left last-location">0.070644 <span class="font16  marR20">≈&yen;3074.59</span></span>
	                <span class="left on-location">涨幅：<span class="colorUp">+2.37%</span></span>
	                <span class="left on-location">最高：0.076413</span>
	                <span class="left on-location">最高：0.076413</span>
	                <span class="left on-location">最高：0.076413</span>
	            </div>
	        </div>
	        <div class="clearfix j-content">
	        	<div class="clearfix j-content-l">
	        		<div class="j-location-l">
			        	<ul class="clearfix textC tabDisplay borderB">
				            <li class="tabLi"><span class="tabItem on">K线走势</span></li>
				            <li class="tabLi"><span class="tabItem">市场深度</span></li>
				            <li class="tabLi"><span class="tabItem">币种信息</span></li>
				        </ul>
				    	<div class="tabDisplayCont">
				        	<!-- k线走势 -->
						    <div class="tradingview-widget-container tabCont">
						        <div id="tradingview_6fee1"></div>
						        <div class="tradingview-widget-copyright"><a href="https://cn.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL图表</span></a>由TradingView提供</div>
						        <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
						        <script type="text/javascript">
						          new TradingView.widget({
						            "width": '100%',
						            "height": '100%',
						            "symbol": "NASDAQ:AAPL",
						            "interval": "D",
						            "timezone": "Etc/UTC",
						            "theme": "Light",
						            "style": "1",
						            "locale": "zh_CN",
						            "toolbar_bg": "#f1f3f6",
						            "enable_publishing": false,
						            "allow_symbol_change": true,
						            "container_id": "tradingview_6fee1"
						          });
						        </script>
						    </div>
						    <!-- 市场深度 -->
					        <div class="tabCont">
					        	<img src="images/marketDeep.jpg" class="w100" alt="">
					        </div>
					        <!-- 币种信息 -->
					        <div class="tabCont coinInfoBox">
					        	<div class="coinInfo">
					        		<span class="dib marR10 coinName">ETH</span>
					        		<span class="dib marR10">以太坊</span>
					        		<span class="dib marR10">(Ethereum)</span>
					        	</div>
					        	<ul class="clearfix infoList">
					        		<li class="infoItem">
					        			<span class="itemName">发行时间</span>
					        			<span class="itemText">2014-07-24</span>
					        		</li>
					        		<li class="infoItem">
					        			<span class="itemName">众筹价格</span>
					        			<span class="itemText">$0.31</span>
					        		</li>
					        		<li class="infoItem">
					        			<span class="itemName">发行总量</span>
					        			<span class="itemText">9631.15 万</span>
					        		</li>
					        		<li class="infoItem">
					        			<span class="itemName">白皮书</span>
					        			<span class="itemText"><a href="#" class="ell">https://github.com/ethereum/wiki/wiki/%5BEnglish...https://github.com/ethereum/wiki/wiki/%5BEnglish</a></span>
					        		</li>
					        		<li class="infoItem">
					        			<span class="itemName">流通股总量</span>
					        			<span class="itemText">9631.15 万</span>
					        		</li>
					        		<li class="infoItem">
					        			<span class="itemName">区块查询</span>
					        			<span class="itemText"><a href="#">https://etherscan.io/</a></span>
					        		</li>
					        	</ul>
					        	<div class="infoDesc">
					        		<span class="title">简介</span>
					        		<div class="desc">以太坊（Ethereum）是下一代密码学账本，可以支持众多的高级功能，包括用户发行货币，智能协议，去中心化的交易和设立去中心化自治组织(DAOs)或去中心化自治公司（DACs）。以太坊并不是把每一单个类型的功能作为特性来特别支持，相反，以太坊包括一个内置的图灵完备的脚本语言，允许通过被称为“合同”的机制来为自己想实现的特性写代码。一个合同就像一个自动的代理，每当接收到一笔交易，合同就会运行特定的一段代码，这段代码能修改合同内部的数据存储或者发送交易。</div>
					        	</div>
					        </div>
					    </div>
					</div>
				    <div class="clearfix j-location-r">
					    <div class="j-title">
		                    <span class="fl">挂单簿</span>
		                    <div class="j-filterList fr">
					            <select class="j-select-box left">
					                <option class="j-option" value="1" selected>8位小数</option>
					                <option class="j-option" value="2">7位小数</option>
					                <option class="j-option" value="3">6位小数</option>
					                <option class="j-option" value="4">5位小数</option>
					                <option class="j-option" value="5">4位小数</option>
					            </select>
					            <div class="j-replace j-replace-width">  
					                <div class="j-current current-height">6位小数</div>  
					                <ul class="j-options options-width">  
					                    <li rel="1">8位小数</li>  
					                    <li rel="2">7位小数</li>
					                    <li rel="3">6位小数</li>
					                    <li rel="4">5位小数</li>
					                    <li rel="5">4位小数</li>
					                </ul>  
					            </div>  
					        </div>
		                </div>
		                <div class="clearfix j-table-th">
	                        <div class="w30 fl j-table-text">
	                            价格(BTC)
	                        </div>
	                        <div class="w40 fl text-c j-table-text">
	                            数量(ETH)
	                        </div>
	                        <div class="w30 fl text-r j-table-text">
	                            累计(ETH)
	                        </div>
	                    </div>
				    	<div class="j-main-content-r">
							<ul class="j-trade-ul marB0">
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-down">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-down">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-down">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-down">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-down">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                    </ul>
	                        <div class="j-trade-tip">0.0706411 
	                        	<span class="font16">≈&yen;3074.59</span>
								<span class="marL10 font16">涨幅：<span class="colorUp">+2.37%</span></span>
	                        </div>
		                    <ul class="j-trade-ul">
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-up">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-up">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-up">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-up">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>
		                        <li class="clearfix trade-li">
		                            <div class="fl w30 text-l">
		                                <span class="y-trade-price-up">0.070644</span>
		                            </div>
		                            <div class="fl w40 text-c">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                            <div class="fl w30 text-r">
		                                <span class="y-trade-num">42.425</span>
		                            </div>
		                        </li>

		                    </ul>
		                </div>
				    </div>
				    <div class="clearfix j-location-down-l">
					    <div class="clearfix borderB">
		                    <div class="fl">
		                    	<ul class="clearfix textC tabDisplay">
						            <li class="tabLi"><span class="tabItem on">当前委托</span></li>
						            <li class="tabLi"><span class="tabItem">历史订单</span></li>
						        </ul>
		                    </div>
		                    <div class="fr">
					            <ul class="clearfix textC tabDisplay">
						            <li class="tabLi"><span class="tabItem on">买</span></li>
						            <li class="tabLi"><span class="tabItem">卖</span></li>
						            <li class="tabLi"><span class="tabItem">全部</span></li>
						        </ul> 
					        </div>
		                </div>
		                <!-- 委托成交 -->
		                <div class="dn">
			                <div class="clearfix j-table-th borderB">
		                        <div class="w10 fl text-l j-table-text">
		                            类型
		                        </div>
		                        <div class="w10 fl text-c j-table-text">
		                            数量(ETH)
		                        </div>
		                        <div class="w20 fl text-c j-table-text">
		                            价格(BTC)
		                        </div>
		                        <div class="w15 fl text-c j-table-text">
		                            成交额(BTC)
		                        </div>
		                        <div class="w30 fl text-c j-table-text">
		                            挂单时间
		                        </div>
		                        <div class="w15 fl text-c j-table-text">
		                            <span class="entrust-cancel-btn">全部撤销</span>
		                        </div>
		                    </div>
					    	<div class="j-main-content-r">
								<ul class="j-entrust-ul">
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-sale">卖</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-down">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w30 text-c">
				                                <span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-cancel">撤销</span>
				                            </div>
			                            </div>
			                        </li>
			                    </ul>
			                </div>
		                </div>
		                <!-- 历史订单 -->
		                <div class="">
			                <div class="clearfix j-table-th borderB">
		                        <div class="w10 fl text-l j-table-text">
		                            类型
		                        </div>
		                        <div class="w10 fl text-c j-table-text">
		                            数量(ETH)
		                        </div>
		                        <div class="w20 fl text-c j-table-text">
		                            价格(BTC)
		                        </div>
		                        <div class="w15 fl text-c j-table-text">
		                            成交额(BTC)
		                        </div>
		                        <div class="w15 fl text-c j-table-text">
		                            状态
		                        </div>
		                        <div class="w30 fl text-r j-table-text">
		                            挂单时间
		                        </div>
		                    </div>
					    	<div class="j-main-content-r">
								<ul class="j-entrust-ul">
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="j-entrust-time">已完成</span>
				                            </div>
				                            <div class="fl w30 text-r">
				                            	<span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="j-entrust-time">已完成</span>
				                            </div>
				                            <div class="fl w30 text-r">
				                            	<span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="j-entrust-time">已完成</span>
				                            </div>
				                            <div class="fl w30 text-r">
				                            	<span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="j-entrust-time">已完成</span>
				                            </div>
				                            <div class="fl w30 text-r">
				                            	<span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
			                            </div>
			                        </li>

			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="j-entrust-time">已完成</span>
				                            </div>
				                            <div class="fl w30 text-r">
				                            	<span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
			                            </div>
			                        </li>
			                        <li class="entrust-li">
			                        	<div class="clearfix entrust-div">
				                        	<div class="fl w10 text-l">
				                                <span class="entrust-type-buy">买</span>
				                            </div>
				                            <div class="fl w10 text-c">
				                                <span class="y-entrust-num">42.425</span>
				                            </div>
				                            <div class="fl w20 text-c">
				                                <span class="y-entrust-price-up">0.070644</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="y-entrust-num">4.4/14</span>
				                            </div>
				                            <div class="fl w15 text-c">
				                                <span class="j-entrust-time">已完成</span>
				                            </div>
				                            <div class="fl w30 text-r">
				                            	<span class="j-entrust-time">2018-07-04  15：31：52</span>
				                            </div>
			                            </div>
			                        </li>
			                    </ul>
			                </div>
		                </div>
				    </div>
				    <div class="clearfix j-location-down-r">
					    <div class="j-title">
		                    <span class="fl">买/卖</span>
		                </div>
		                <div class="clearfix j-trade-operate">
		                    <div class="fl j-buy">   
								<div class="clearfix marB20">
									<span class="fl title">买进ETH</span>
									<span class="fr usable">可用BTC：0.540000</span>
								</div>
								<div class="clearfix trade-box">
									<label for="" class="fl trade-label">价格：</label>
									<span class="trade-input-box">
									<input type="text" class="fr trade-input" placeholder="0.070544" /></span>
									<span class="trade-tip">BTC</span>
								</div>
								<div class="clearfix trade-box">
									<label for="" class="fl trade-label">数量：</label>
									<span class="trade-input-box">
									<input type="text" class="fr trade-input" placeholder="0.070544" /></span>
									<span class="trade-tip">ETH</span>
								</div>
								<div class="clearfix percent-box">
									<label for="" class="fl percent-label">买进比例：</label>
									<ul class="fl percent-list">
										<li class="on">25%</li>
										<li>50%</li>
										<li>75%</li>
										<li>100%</li>
									</ul>
								</div>
								<div class="clearfix trading-volume">
									<span class="fl">交易额：</span>
									<span class="fl"><span class="underLine">0.540000</span> BTC</span>
								</div>
								<span class="trading-button">买进</span>
		                    </div>
				    		<div class="fr j-sale">  
								<div class="clearfix marB20">
									<span class="fl title">买进ETH</span>
									<span class="fr usable">可用BTC：0.540000</span>
								</div>
								<div class="clearfix trade-box">
									<label for="" class="fl trade-label">价格：</label>
									<span class="trade-input-box">
									<input type="text" class="fr trade-input" placeholder="0.070544" /></span>
									<span class="trade-tip">BTC</span>
								</div>
								<div class="clearfix trade-box">
									<label for="" class="fl trade-label">数量：</label>
									<span class="trade-input-box">
									<input type="text" class="fr trade-input" placeholder="0.070544" /></span>
									<span class="trade-tip">ETH</span>
								</div>
								<div class="clearfix percent-box">
									<label for="" class="fl percent-label">买进比例：</label>
									<ul class="fl percent-list">
										<li class="on">25%</li>
										<li>50%</li>
										<li>75%</li>
										<li>100%</li>
									</ul>
								</div>
								<div class="clearfix trading-volume">
									<span class="fl">交易额：</span>
									<span class="fl"><span class="underLine">0.540000</span> BTC</span>
								</div>
								<span class="trading-button">买进</span>
		                    </div>
		                </div>
				    </div>
			    </div>

	            <div class="j-content-r">
	                <div class="j-title">
	                    交易记录
	                </div>
	                <div class="clearfix j-table-th">
	                    <div class="w30 fl j-table-text">
	                        时间
	                    </div>
	                    <div class="w40 fl text-c j-table-text">
	                        价格(BTC)
	                    </div>
	                    <div class="w30 fl text-r j-table-text">
	                        数量(ETH)
	                    </div>
	                </div>
	                <div class="j-main-content-r">
						<ul class="j-trade-ul">
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-down">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                        <li class="clearfix trade-li">
	                            <div class="fl w30 text-l">
	                                <span class="j-trade-time">20:42:25</span>
	                            </div>
	                            <div class="fl w40 text-c">
	                                <span class="y-trade-price-up">0.070644</span>
	                            </div>
	                            <div class="fl w30 text-r">
	                                <span class="y-trade-num">42.425</span>
	                            </div>
	                        </li>
	                    </ul>
	                </div>
	            </div>
	        </div>
	    </div>

		<div class="j-pop">
	        <div class="clearfix j-coinsTabs">
	          <ul class="fl clearfix textC tabDisplay">
	            <li class="tabLi"><span class="tabItem on">BTC</span></li>
	            <li class="tabLi"><span class="tabItem">BTC</span></li>
	            <li class="tabLi"><span class="tabItem">BTC</span></li>
	            <li class="tabLi"><span class="tabItem"><img src="images/icon/collectIcon.png" class="collect" /></span></li>
	          </ul>
	          <div class="fr searchCoins">
	              <input type="text" placeholder="搜索币种" value="" class="search-input">
	              <img src="images/icon/y-search.png" alt="" class="searchBar">
	          </div>
	        </div>
	        <div>
	            <table class="j-board-table">
	                <thead>
	                    <tr>
	                        <th>币种<img src="images/icon/trade_sortIcon.png" class="sortIcon" /></th>
	                        <th>最新价<img src="images/icon/trade_sortIcon.png" class="sortIcon" /></th>
	                        <th>24小时涨跌幅<img src="images/icon/trade_sortIcon.png" class="sortIcon" /></th>
	                        <th>24小时成交量<img src="images/icon/trade_sortIcon.png" class="sortIcon" /></th>
	                    </tr>
	                </thead>
	                <tbody>
	                    <tr>
	                        <td>
	                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
	                        </td>
	                        <td>
	                            <span>0.074713<span class="approximate">≈¥3074.59</span></span>
	                        </td>
	                        <td class="">
	                            <span class="colorUp">+2.37%<img src="images/icon/arrow_green.png" class="increase" /></span>
	                        </td>
	                        <td>
	                            <span>38912.412</span>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td>
	                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
	                        </td>
	                        <td>
	                            <span>0.074713<span class="approximate">≈¥3074.59</span></span>
	                        </td>
	                        <td class="">
	                            <span class="colorDown">+2.37%<img src="images/icon/arrow_red.png" class="increase" /></span>
	                        </td>
	                        <td>
	                            <span>38912.412</span>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td>
	                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
	                        </td>
	                        <td>
	                            <span>0.074713<span class="approximate">≈¥3074.59</span></span>
	                        </td>
	                        <td class="">
	                            <span class="colorDown">+2.37%<img src="images/icon/arrow_red.png" class="increase" /></span>
	                        </td>
	                        <td>
	                            <span>38912.412</span>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td>
	                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
	                        </td>
	                        <td>
	                            <span>0.074713<span class="approximate">≈¥3074.59</span></span>
	                        </td>
	                        <td class="">
	                            <span class="colorDown">+2.37%<img src="images/icon/arrow_red.png" class="increase" /></span>
	                        </td>
	                        <td>
	                            <span>38912.412</span>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td>
	                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
	                        </td>
	                        <td>
	                            <span>0.074713<span class="approximate">≈¥3074.59</span></span>
	                        </td>
	                        <td class="">
	                            <span class="colorDown">+2.37%<img src="images/icon/arrow_red.png" class="increase" /></span>
	                        </td>
	                        <td>
	                            <span>38912.412</span>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td>
	                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
	                        </td>
	                        <td>
	                            <span>0.074713<span class="approximate">≈¥3074.59</span></span>
	                        </td>
	                        <td class="">
	                            <span class="colorDown">+2.37%<img src="images/icon/arrow_red.png" class="increase" /></span>
	                        </td>
	                        <td>
	                            <span>38912.412</span>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td>
	                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
	                        </td>
	                        <td>
	                            <span>0.074713<span class="approximate">≈¥3074.59</span></span>
	                        </td>
	                        <td class="">
	                            <span class="colorDown">+2.37%<img src="images/icon/arrow_red.png" class="increase" /></span>
	                        </td>
	                        <td>
	                            <span>38912.412</span>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td>
	                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
	                        </td>
	                        <td>
	                            <span>0.074713<span class="approximate">≈¥3074.59</span></span>
	                        </td>
	                        <td class="">
	                            <span class="colorDown">+2.37%<img src="images/icon/arrow_red.png" class="increase" /></span>
	                        </td>
	                        <td>
	                            <span>38912.412</span>
	                        </td>
	                    </tr>
	                </tbody>
	            </table>
	        </div>
	    </div>

	    @@include('footer-js.html')
    </div>
    <script type="text/javascript">
		var lis = $(".j-options li");

        for (var i = 0; i < lis.length; i++) {
            lis[i].onclick = function() {
                $(this).parents('.j-filterList').find('.j-select-box').val(this.getAttribute("rel"));
                $(this).parents(".j-options").hide();
                $(this).parents('.j-replace').find(".j-current").html(this.innerHTML);
                getSelectVal(this);
            }
        }
        $(".j-replace").mouseover(function() {
            $(this).find(".j-options").show();
        })
        $(".j-replace").mouseout(function() {
            $(this).find(".j-options").hide();
        })
        //自动获取
        function getSelectVal(val){
            console.log($(val).attr("rel"),$(val).html());
        }
        //获取第一个select
        console.log($('.j-select-box').eq(0).val());

        // tab
        $('.tabCont:eq(0)').show().siblings().hide();
        $('.tabDisplay li').bind('click', function () {
            var tab = $('.tabDisplay li').index(this);
            $('.tabCont').eq(tab).show().siblings().hide();
            $(this).find('.tabItem').addClass('on');
            $(this).siblings().find('.tabItem').removeClass('on');
        });

        //交易弹窗
        $('.j-pop-show,.j-pop').mouseover(function(){
        	$('.j-pop').show();
        })
        $('.j-pop-show,.j-pop').mouseout(function(){
        	$('.j-pop').hide();
        })
    </script>
</body>

</html>